<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>商品列表</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <link rel="stylesheet" type="text/css" href="../bootstrap-custom/css/bootstrap-1206.css"/>
    <link rel="stylesheet" type="text/css" href="../bootstrap-custom/plugin/datetimepicker/datetimepicker.min.css"/>

    <!--[if lte IE 6]>
    <link rel="stylesheet" type="text/css" href="../bootstrap-custom/css/bootstrap-1206.ie6.css"/>
    <![endif]-->
    <!--[if lte IE 7]>
    <link rel="stylesheet" type="text/css" href="../bootstrap-custom/css/ie.css"/>
    <![endif]-->

    <link rel="stylesheet" type="text/css" href="../bootstrap-custom/css/bootstrap-1206.fix.css"/>
    <link rel="stylesheet" type="text/css" href="../css/supplier.css"/>

</head>

<body>
<!-- 用 JS 设置页面的导航菜单 -->
<script>
    window.bz_set_nav_status = []; // 用于设置导航栏状态的数组，里面是很多设置 function()
</script>
<!-- /用 JS 设置页面的导航菜单 -->

<!-- 顶部导航菜单 -->
<div id="system_top_navbar" class="navbar navbar-static-top">
    <div class="navbar-inner">
        <div class="container">
            <a class="brand" href="#">棒主妇</a>
            <ul class="nav">
                <li class="active"><a href="#">[罗莱家纺]退出</a></li>
                <li><a href="#">商品管理</a></li>
                <li><a href="#">订单管理</a></li>
            </ul>
        </div>
    </div>
</div>
<!-- /顶部导航菜单 -->

<!-- 信息提示区 -->
<div id="flash_message_panel" class="container" style="margin-top:10px;margin-bottom:0px;">
    <div class="alert alert-error">
        <button type="button" class="close" data-dismiss="alert">
            &times;
        </button>
        <div class="flashMessage">
            <strong>注意：</strong> 这里是消息通知区
        </div>
    </div>
</div>
<!-- 信息提示区 -->

<!-- main_body -->
<div id="main_body" class="container">

    <!-- ====================================== 这里是页面的主体内容 ============================================ -->

    <div class="row bz_basic_content_block bz_box_shadow" style="padding:10px 10px 10px 10px;">

        <!-- 页面上方导航条 -->
        <div class="row">
            <ul class="nav nav-tabs">
                <li class="dropdown active">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">商品列表<b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">在线商品</a></li>
                        <li><a href="#">下线商品</a></li>
                    </ul>
                </li>
            </ul>
        </div>
        <!-- /页面上方导航条 -->

        <!-- 页面主体内容 -->
        <div class="row">
            <h4>全部商品</h4>

            <!-- 这里是条件筛选区 -->
            <div class="row well well-small">
                <form class="form-horizontal form-horizontal-inline" method="GET" style="margin: 0px 0px 0px 0px;">
                    <div class="control-group">
                        <div class="controls" style="margin-left:0px;">
                            <span class="input-label">商品ID</span>
                            <input class="span2" type="text" pattern="[0-9]*"
                                   data-validation-pattern-message="商品ID应该是全数字" name="goods_id"/>
                            <span class="input-label">商品标题</span>
                            <input class="span2" type="text" name="goods_name"/>
                        </div>
                    </div>
                    <div class="control-group">
                        <div class="controls" style="margin-left:0px;">
                            <button type="submit" class="btn btn-success">查询</button>
                        </div>
                    </div>
                </form>
            </div>
            <!-- /这里是条件筛选区 -->

            <!-- 商品列表 -->
            <table class="table table-bordered table-hover">
                <thead>
                <tr>
                    <th>商品ID</th>
                    <th width="40%">商品名称</th>
                    <th>团购时间</th>
                    <th>价格</th>
                    <th>库存剩余</th>
                    <th>售出订单</th>
                    <th>售出商品</th>
                    <th width="5%">状态</th>
                    <th width="8%">操作</th>
                </tr>
                </thead>
                <tbody>

                <!-- 一个商品 -->
                <tr>
                    <td>200000</td>
                    <td>【全国包邮】仅99元！原价368元的 艾尔兰尼 超柔春秋被子 棉被 正品春秋被系列/加厚型春秋被、冬被-两色可选，温暖厚实柔软贴身，透气性强，给你最温暖细致的呵护，物美价廉的不二选择！
                    </td>
                    <td><p>开始：2012-11:11 12:02:54</p>

                        <p>结束：2012-11:11 12:02:54</p></td>
                    <td><p>供货价：80元</p>

                        <p>快递费：10元</p></td>
                    <td>10000</td>
                    <td>10000</td>
                    <td>10000</td>
                    <td>销售中</td>
                    <td>
                        <button class="btn btn-small" onclick='jQuery("#goods_statistics_dialog").modal()'>销售统计</button>
                        <a class="btn btn-small" href="#">订单下载</a>
                    </td>
                </tr>
                <!-- /一个商品 -->

                </tbody>
            </table>
            <!-- /商品列表 -->

            <!-- 分页 -->
            <div class="pagination pagination-right">
                <ul>
                    <li>
                        <a href="#">首页</a>
                    </li>
                    <li class="active">
                        <a href="#">1</a>
                    </li>
                    <li>
                        <a href="#">2</a>
                    </li>
                    <li>
                        <a href="#">3</a>
                    </li>
                    <li>
                        <a href="#">4</a>
                    </li>
                    <li>
                        <a href="#">末页</a>
                    </li>
                </ul>
            </div>
            <!-- 分页 -->

        </div>
        <!-- /页面主体内容 -->

        <!-- 商品统计详情对话框 -->
        <div id="goods_statistics_dialog" class="modal hide fade">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h3>商品销售详情</h3>
            </div>
            <div class="modal-body">

                <!-- 错误警告 -->
                <div id="goods_statistics_error" class="row" style="text-align: center;font-weight: bold;">
                    <label class="label label-important">错误：</label>读取商品销售详情错误
                </div>
                <!-- /错误警告 -->

                <!-- 商品统计详情 -->
                <div class="row">
                    <table class="table table-bordered table-hover">
                        <thead>
                        <tr>
                            <th width="20%">&nbsp;</th>
                            <th>&nbsp;</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td class="labelkey">商品ID</td>
                            <td id="goods_statistics_goods_id" class="labelvalue">20000</td>
                        </tr>
                        <tr>
                            <td class="labelkey">商品名称</td>
                            <td id="goods_statistics_goods_name" class="labelvalue">【全国包邮】仅99元！原价368元的 艾尔兰尼 超柔春秋被子 棉被
                                正品春秋被系列/加厚型春秋被、冬被-两色可选，温暖厚实柔软贴身，透气性强，给你最温暖细致的呵护，物美价廉的不二选择！
                            </td>
                        </tr>
                        <tr>
                            <td class="labelkey">商品状态</td>
                            <td id="goods_statistics_goods_status" class="labelvalue">销售中</td>
                        </tr>
                        <tr>
                            <td class="labelkey">限购数量</td>
                            <td class="labelvalue">
                                最少购买：<span id="goods_statistics_goods_min_buy">5</span>&nbsp;
                                最大购买：<span id="goods_statistics_goods_max_buy">0</span>
                            </td>
                        </tr>
                        <tr>
                            <td class="labelkey">商品定价</td>
                            <td class="labelvalue">
                                供货价：<span id="goods_statistics_suppliers_price">50</span>&nbsp;
                                供货快递：<span id="goods_statistics_suppliers_shipping_fee">10</span>
                            </td>
                        </tr>
                        <tr>
                            <td class="labelkey">销售时间</td>
                            <td class="labelvalue">
                                <span id="goods_statistics_goods_start_time">2012-12-04 17:31:40</span>--
                                <span id="goods_statistics_goods_end_time">2012-12-04 17:31:40</span>
                            </td>
                        </tr>


                        <!-- 分割符 -->
                        <tr>
                            <td colspan="2" class="well well-small">&nbsp;</td>
                        </tr>
                        <!-- /分割符 -->

                        <tr>
                            <td class="labelkey">订单统计</td>
                            <td class="labelvalue">
                                总订单：<span id="goods_statistics_total_order">100</span>&nbsp;
                                付款订单：<span id="goods_statistics_pay_order">80</span>&nbsp;
                                退款订单：<span id="goods_statistics_refund_order">10</span>
                            </td>
                        </tr>

                        <tr>
                            <td class="labelkey">商品统计</td>
                            <td class="labelvalue">
                                总商品：<span id="goods_statistics_total_goods">100</span>&nbsp;
                                付款商品：<span id="goods_statistics_pay_goods">80</span>&nbsp;
                                退款商品：<span id="goods_statistics_refund_goods">10</span>
                            </td>
                        </tr>

                        </tbody>
                    </table>
                </div>
                <!-- /商品统计详情 -->
            </div>
            <div class="modal-footer">
                <a href="#" class="btn btn-success" data-dismiss="modal">关闭</a>
            </div>
        </div>
        <!-- 商品统计详情对话框 -->

    </div>
    <!-- ====================================== /这里是页面的主体内容 ============================================ -->

</div>
<!-- /main_body -->

<script type="text/javascript" src="../bootstrap-custom/js/json2.js"></script>
<script type="text/javascript" src="../bootstrap-custom/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="../bootstrap-custom/js/jquery.cookie.js"></script>
<script type="text/javascript" src="../bootstrap-custom/js/jquery.lazyload.min.js"></script>
<script type="text/javascript" src="../bootstrap-custom/js/jstorage.min.js"></script>
<script type="text/javascript" src="../bootstrap-custom/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../bootstrap-custom/js/bootstrap.ie.js"></script>
<script type="text/javascript" src="../bootstrap-custom/js/validator.js"></script>
<script type="text/javascript" src="../bootstrap-custom/plugin/datetimepicker/datetimepicker.min.js"></script>
<script type="text/javascript" src="../bootstrap-custom/plugin/dirtyform/jquery.are-you-sure.js"></script>
<script type="text/javascript" src="../js/supplier.js"></script>

<!--[if lte IE 9]>
<script type="text/javascript" src="../bootstrap-custom/js/iefix.js"></script>
<![endif]-->

<!-- 尾部 footer -->
<div class="navbar navbar-fixed-bottom">
    <div class="navbar-inner">
        <div class="container">
            <div class="row" style="text-align:center;">
                <span>版权所有：bzfshop 2012-2013</span>
            </div>
        </div>
    </div>
</div>
<!-- /尾部 footer -->

</body>
</html>